<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core" xml:lang="en" lang="en">
	<head>
		<title>Login</title>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />

		<!--<link rel="stylesheet" type="text/css" href="styles.css">-->
	</head>
	<body>


		<f:view>
			<h:form>
				<div align="center" style="height: 100%; padding-top: 150px">
					<h:panelGrid border="0" columns="2">
						<h:column>
							<h:outputLabel value="Nombre Usuario :"></h:outputLabel>
						</h:column>
						<h:column>
							<h:inputText value="#{login.usuario}" id="txtLogin"
								required="true"></h:inputText>
						</h:column>
						<h:column />
						<h:column>
							<h:message for="txtLogin" style="color: red;" showDetail="true"
								showSummary="false"></h:message>
						</h:column>
						<h:column>
							<h:outputLabel value="Clave :"></h:outputLabel>
						</h:column>
						<h:column>
							<h:inputSecret id="txtClave" value="#{login.clave}"></h:inputSecret>
						</h:column>
						<h:column />
						<h:column>
							<h:message for="txtClave" style="color: red;"
								showDetail="true" showSummary="false"></h:message>
						</h:column>
					</h:panelGrid>
					<h:commandButton value="Ingresar" action="#{login.login}"></h:commandButton>
				</div>
			</h:form>
		</f:view>
	</body>
</html>
